<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>

<script>
export default  {
  name:  'app',
  provide(){
    return{
      reload: this.reload
    }

  },

  data() {
      return {
        isRouterAlive:true
      }
    },
    metaInfo() {
        return {
            title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
            titleTemplate: title => {
                return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
            }
        }
    },

    
    methods:{

      reload () {
        this.isRouterAlive = false
        this.$nextTick(function(){
          this.isRouterAlive=true

        })
      }

    }
}
</script>
